define(['vue','store'], function(Vue,Store){
	var component = Vue.extend({
	  mixins: [Store],
	  template: '<div class="content-block">\
	        <h4>关于我们<button @click="increment">添加消息</button></h4>\
	        <div class="info-div">\
		  		<P><input v-validate="\'required|email\'" name="email" type="text" placeholder="请输入邮箱"><span>{{ errors.first(\'email\') }}</span></P>\
		  <P><input v-validate="\'required|mobile\'" name="mobile" type="text" placeholder="请输入手机号"><span>{{ errors.first(\'mobile\') }}</span></P>\
		  <P><input v-validate="\'required|idCard\'" name="idCard" type="text" placeholder="请输入身份证号"><span>{{ errors.first(\'idCard\') }}</span></P>\
		  <P><button @click="onSubmit">提交</button></P>\
	          <p>\
	            开放教育平台倾力打造的在线实用技能学习平台，该平台于2017年11月底正式上线，主要为学习者提供海量、优质的课程，课程结构严谨，用户可以根据自身的学习程度，自主安排学习进度。开放教育平台的宗旨是，为每一位想真真正正学到些实用知识、技能的学习者，提供贴心的一站式学习服务。\
	          </p>\
	          <p>\
	            立足于实用性的要求，开放教育平台精选各类课程，与多家权威教育、培训机构建立合作，课程数量已达10000+，课时总数超100000，涵盖实用软件、IT与互联网、外语学习、生活家居、兴趣爱好、职场技能、金融管理、考试认证、中小学、亲子教育等十余大门类，其中不乏数量可观、制作精良的独家课程。从用户生活、职业、娱乐等多个维度，为用户打造实用学习平台。\
	          </p>\
	          <h5>特色板块</h5>\
	          <label>系列课程</label>\
	          <p>\
	            将某一领域的内容进行打包并有序地呈现，给用户提供完整的、有体系的学习方案。解决用户有计划学习某项技能，但是又不知道应该如何开始学起的问题，同时能够让学员快速、全面地掌握相关知识点。\
	          </p>\
	          <label>题库</label>\
	          <p>\
	            题库是开放教育平台为各类热门考试的考生研发的题目类学习模块。目前用户可参加公务员、建筑师、会计等多类考试的真题练习测试，并参与题目的分析讨论。同时，题库会和相应考试类课程、学习计划有机整合，完整辅助考生整个备考过程。\
	          </p>\
	          <h5>特色功能</h5>\
	          <label>笔记</label>\
	          <p>\
	            开放教育平台笔记功能为视频学习做了专门设计。学习者添加笔记时会自动保存视频的当前时间点，回顾笔记时就可观看当时视频。学习者还可以对视频截图或上传本地图片保存到笔记当中， 使得保存老师的板书、重要信息更快捷。学习者可将笔记公开，也可评论、收藏他人笔记，加强了用户间学习交流。\
	          </p>\
	          <label>进度管理与学习监督</label>\
	          <p>\
	            开放教育平台更关注用户个人学习的效率和效果。学习者学习过程中，开放教育平台支持自动\手动标记课时完成状态，或标记为“重要\有疑问”等，以便用户回顾和把控学习进度。另外，用户可设置课程的学习时间安排，开放教育平台会定期发送提醒通知用户。\
	          </p>\
	        </div>\
	      </div>',
	  data : function() {
	    return {
	    }
	  },
	  methods:{
		onSubmit () {
	      this.$validator.validate().then(function(result){
	    	  console.log('表单验证结果:' + result) ;
	    	  if(result){
	    		  //验证通过
	    		  
	    	  }
	      });
	    }
	  }
	});
	return component;
});
